{include file="cabecalho1.tpl" css="inicio" titulo="Livraria Ebenezer"}
{include file="menu1.tpl"}
<div class="clear_meio"></div>
<div id="corpo">
    <div id="slide">
        <div id="slide_corpo">
            <ul id="nav" >
                {foreach from=$bannersPrincipal item=bannerPrincipal}
                <li><a href="#"><span>&nbsp;</span></a></li>
                {/foreach}
            </ul>
            <div class="imagem" id="imagem_slide">
                <div class="clear_left"></div>
                <div id="destaques">
                    {foreach from=$bannersPrincipal item=bannerPrincipal}
                    <a href="{$bannerPrincipal.link}">
                        <img src="{$_FOTOSBANNERPRINCIPAL}/{$bannerPrincipal.imagem}" alt="imagem" width="945" height="258" />
                    </a>
                    {/foreach}                    
                </div>
            </div>
        </div>
    </div>
    <div class="slide_clear_down"></div>
    <div id="destaques_">
        <div class="titulo">
            <div class="titulo_esquerda"></div>
            <div class="titulo_meio">DESTAQUES</div>
            <div class="titulo_direita"></div>
        </div>
        
<!--        <div class="clear_left"></div>-->
        <div id="destaques_conteudo">
            <div class="clear_up"></div>
            {foreach from=$produtosDestaque item=produto}
            <div class="destaque_produto">
                <a href="{$_URLSITE}/produto_detalhe/{$produto.codigo},,{$produto.titulo|convertlink}.LE">
                    <img {if $produto.imagem} src="{$_FOTOSPRODUTOS}/{$produto.imagem}" {else} src="{$_FOTOSPRODUTOS}/livro_desconhecido.png" {/if} title="{$produto.titulo}" width="129" height="180"/>
                    <br />
                    <span class="livro_titulo">{$produto.titulo|truncate:30:'...'}</span>
                    <br />
                    <span class="livro_preco">R$ {$produto.preco|number_format:2:",":"."}</span>
                    <br />
                </a>
<!--                <a href="{$_URLSITE}/cliente_carrinho/{$produto.codigo},,{$produto.titulo|convertlink}.LE">
                    <img src="{$_FOTOS}/botao_comprar.png" />
                </a>-->
            </div>
            {/foreach}
            
        </div>
        <div class="conteudo_rodape"></div>
        <div class="clear"></div>
        <div class="anuncio">
            <img src="{$_FOTOS}/anuncie2.png" alt="anuncie aqui" />
        </div>
    </div>
    <div class="clear_left"></div>
    <div id="conteudo_direito">
        <div class="anuncio">
            <a href="{$_URLSITE}">
                <img src="{$_FOTOS}/anuncie1.png" alt="anuncie aqui" />
            </a>
        </div>
        <img class="separador" src="{$_FOTOS}/separador_horizontal.png" alt="separador horizontal" />
        <div id="mais_vendidos">
            <div class="titulo">
                MAIS VENDIDOS
            </div>
            <div class="conteudo">
                <div class="clear_up"></div>
                <table class="top_produtos" cellpadding="0" cellspacing="0">
                    <tr class="top_produto">

                        <td class="imagem"><img src="{$_FOTOS}/maisvendidos_top1.png" alt="imagem_top_1" /></td>
                        <td class="nome_produto">1. Produto 1</td>
                    </tr>
                    <tr class="top_produto">
                        <td class="imagem"><img src="{$_FOTOS}/maisvendidos_top2.png" alt="imagem_top_2" /></td>
                        <td class="nome_produto">2. Produto 2</td>
                    </tr>
                    <tr class="top_produto">
                        <td class="imagem"><img src="{$_FOTOS}/maisvendidos_top3.png" alt="imagem_top_3" /></td>
                        <td class="nome_produto">3. Produto 3</td>
                    </tr>
                    <tr class="top_produto">
                        <td class="imagem"><img src="{$_FOTOS}/maisvendidos_top4.png" alt="imagem_top_4" /></td>
                        <td class="nome_produto">4. Produto 4</td>
                    </tr>
                    <tr class="top_produto">
                        <td class="imagem"><img src="{$_FOTOS}/maisvendidos_top4.png" alt="imagem_top_5" /></td>
                        <td class="nome_produto">5. Produto 5</td>
                    </tr>
                </table>
            </div>
        </div>
        <img class="separador" src="{$_FOTOS}/separador_horizontal.png" alt="separador horizontal" />
        <div id="twitter2" style="font-family: Arial, Helvetica, sans-serif; margin: auto; font-size: 80%; width: 230px; float: left">
            <div id="twitter" style="height:470px"></div>
            <div id="twitter_rodape"></div>
        </div>
    </div>
</div>
{include file="rodape1.tpl"}
